<template>
  <div class="div1">
    <van-row>
      <van-col span="8"><router-link to="/collect"><van-icon name="arrow-left" />收藏</router-link></van-col>
      <van-col span="8"></van-col>
      <van-col span="8"></van-col>
    </van-row>
  </div>
  <div>
    <h1>{{activitys.title}}</h1>
    <div class="div2">
      <p class="p1">{{activitys.content}}</p>
      <img class="img1" :src="activitys.imgurl">
    </div>

  </div>

</template>

<script>
export default {
  name: "HoppView",
  data() {
    return {
      activitys:[

      ],
      id:""
    }
  },methods:{
    select(){
      this.axios.get("/api/collect/userCollect.do?id="+this.id).then(r=>{
        if(r.data.code==200){
          //成功
          this.activitys=r.data.data;
        }
      });
    }
},mounted() {
    this.id=this.$route.query.id;
    this.select()
  },
}
</script>

<style scoped>
.div1{
  margin-top: 30px;
  margin-bottom: 20px;
}
.div2{
  margin: 40px;
  border:2px solid;
  border-radius:5px;
}
.img1{
  width: 100%;
}
.p1{
  font-size: 8px;
}
</style>